/*@Author CODE*/
*{
	margin:0;
	padding:0;
}
body{
	background-color:#eee;
	overflow-x: hidden;
}
h1{
	text-align:center;
}
.main{
	width:1300px;
	margin:0 auto;
}
/**********兼容 start**************/
/*
 *-webkit- 是Chrome和Safari浏览器的前缀; 
 *-moz- 是Firefox浏览器的前缀。
 */
/**********兼容 end**************/
.main img{
	padding:10px 10px 20px;
	background:white;
	border:1px solid #ddd;
	/********** transition start ******************/
	/*transition 属性是一个简写属性，用于设置四个过渡属性：
	 *语法： transition: property duration timing-function delay;
	 *transition-property	规定设置过渡效果的 CSS 属性的名称。
	 *transition-duration	规定完成过渡效果需要多少秒或毫秒。
	 *transition-timing-function	规定速度效果的速度曲线。
	 *transition-delay	定义过渡效果何时开始。
	 */
	/********** transition end ******************/
	-webkit-transition:all 1s ease-in;
	transition:all 1s ease-in;
	position:absolute;
	/**********box-shadow strat ****************/
	/*参数一：必需。水平阴影的位置。允许负值*/
	/*参数二：必需。垂直阴影的位置。允许负值。*/
	/*参数三：可选。模糊距离。*/
	/*参数四：可选。阴影的尺寸。*/
	/*参数五：可选。阴影的颜色。请参阅 CSS 颜色值。*/
	/**********box-shadow end ****************/
	box-shadow:2px 4px 5px rgba(50, 50, 50, 0.4);
	z-index:1;
}
.main img:hover{
	/*********** transform start ***************/
	/*
	 *transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
	 *语法：transform: none|transform-functions;
	 *   scale(x,y)	定义 2D 缩放转换。
	 *   rotate(angle)	定义 2D 旋转，在参数中规定角度。
	 */
	/*********** transform end**************/
	-webkit-transform:rotate(0deg) scale(1.2);
	transform:rotate(0deg) scale(1.2);
	z-index:2;
}

.pic1{
	top:90px;
	left:900px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
}
.pic2{
	top:90px;
	left:600px;
	-webkit-transform:rotate(200deg);
	transform:rotate(20deg);
}
.pic3{
	top:90px;
	left:200px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
}
.pic4{
	top:300px;
	left:900px;
	-webkit-transform:rotate(20deg);
	transform:rotate(20deg);
}
.pic5{
	top:300px;
	left:500px;
	-webkit-transform:rotate(-20deg);
	transform:rotate(-20deg);
}
.pic6{
	top:350px;
	left:200px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
}
.pic7{
	top:400px;
	left:900px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
}
.pic8{
	top:590px;
	left:600px;
	-webkit-transform:rotate(28deg);
	transform:rotate(28deg);
}
.pic9{
	top:590px;
	left:100px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
}
.pic10{
	top:700px;
	left:900px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
}